import { useState } from 'react'

// 函数组件：渲染是重新执行函数
// 1. 初始化
// 1.1 useState(0) 初始化状态:0
// 1.2 渲染UI

// 2. 更新
// 2.1 useState(0) 不会重新重新初始化状态，得到的是最新的状态
// 2.2 渲染UI

const App = () => {
  // const [count, setCount] = useState(()=>{
  //   console.log('初始化值')
  //   // 如果你的初始化值需要做复杂的运算，额外操作。
  //   return 0
  // })
  const [count, setCount] = useState(0)
  return (
    <div className="app">
      App组件
      <hr />
      <div>
        <p>计数器：{count}</p>
        <button onClick={() => setCount(count + 1)}>+1</button>
      </div>
    </div>
  )
}

export default App